@font-face {
  font-family: 'Yellowtail';
  font-style: normal;
  font-weight: 400;
  src: local('Yellowtail'), url(fonts/Yellowtail.woff) format('woff');
}

@font-face {
    font-family: 'great_vibesregular';
    src: url('fonts/greatvibes-regular-webfont.eot');
    src: url('fonts/greatvibes-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/greatvibes-regular-webfont.woff') format('woff'),
         url('fonts/greatvibes-regular-webfont.ttf') format('truetype'),
         url('fonts/greatvibes-regular-webfont.svg#great_vibesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
  background-color: #ffffa;
  font-family: Arial,Helvetica,sans-serif;
}

#header {
  background-color: #fffef2;
  /* height:150px;
 padding-left :140px; */
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 3px solid #CEB86F;
  color :#0981AC;
  margin-bottom: 10px;
  -moz-box-shadow: 6px 4px 4px #888;
  -webkit-box-shadow: 6px 4px 4px #888;
  box-shadow: 6px 4px 4px #888;
  /*position:relative;*/
  padding: 10px 0 10px 0;
}
#header-logo {
  /*
  position : absolute;
  left: 170px;
  top: 15px;
  width: 286px;
  height: 140px;
  background: url(../img/header-logo2.png) center no-repeat;
  */
}

#header-quote {
  /*
  position: absolute;
  right: 100px;
  top: 35px;
  width: 450px;
  
  margin-top: 20px;*/
  text-align: center;
}

#header-quote-text {
 color:#276683;
 font-family: 'Yellowtail',cursive;
 /*font-size: 35px;*/
 font-size: 23px;
 display: block;
}

span.quotes {
  font-family:'Bilbo Swash Caps', cursive;
  color: #f4eabb;
  font-weight: bold;
  font-size: 1.5em;
}
#header-quote-author {
  color:#918f8f;
  font-family:  cursive;
  font-size: 10px;
  display:block;
}

a.specialLink {
  color:#888;
  text-decoration: underline;
}

a.specialLink:hover {
  text-decoration: none;
  color:#9E2424;
}

/* Content Section*/
#contentSection {
  /*width: 700px;*/
  margin: 0 auto;
  min-height: 280px;
  /*border : 2px solid #0f0;
  position:relative;
  overflow: auto;
  min-width: 600px;
  min-height: 580px;*/
}

/* Top Navigation */

#topNav .horizontalMenu {
  margin-top: 15px;
  clear:both;
}

#topNav .selected {
  color:#276683;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
}

#breadcrumbs {
  font-size: .8em;
  color:#888;
  float:right;
  clear:both;
  margin-bottom: 15px;
}
#breadcrumbs a {
  font-weight: bold;
  color:#276683;
}
#breadcrumbs a:hover {
  text-decoration: none;
  color:#5c0e6f;
}

#container {
  /*margin: 0 auto;
  width: 1030px;
  padding:15px;
  overflow: auto;*/
  margin-top: 5px;
  margin-bottom: 15px;
 /* background-color: #fff;*/
 background: url(../img/main-back2.png) 0px 210px no-repeat;
}
/* Main */
[role=main] {
  min-height: 300px;
  clear:both;
  padding-top:10px;
}
[role=main] img.photo, div.content img {
  border: 1px solid #DDD;
  padding: 5px;
  background-color: #FFF;
  margin-bottom: 10px;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;
}

[role=main] h1 {
  font-family: "great_vibesregular", "Helvetica Neue",Helvetica,Arial,sans-serif;
  clear:both;
  color:#DCC040;
  text-shadow: 1px 1px 1px #000;
  font-size: 2.4em;
}

[role=main] h2 {
  clear:both;
  color: #276683;
  /*text-shadow: 1px 1px 1px #000;*/
  font-size: 1.6em;
}

[role=main] h3 {
  font-size: 18px;
  color:#8B7000;
}

/* Footer */
#footer {
  clear:both;
  margin: 0 auto;
  margin-top:5px;
  margin-bottom: 5px;
  color:#888;
  background-color: #fffef2;
  border-top: 3px solid #dcc041;
  padding: 5px;
  text-align: center;
  position:relative;

  background-image: linear-gradient(left top, #FEFEF2 49%, #D4D48A 89%);
  background-image: -o-linear-gradient(left top, #FEFEF2 49%, #D4D48A 89%);
  background-image: -moz-linear-gradient(left top, #FEFEF2 49%, #D4D48A 89%);
  background-image: -webkit-linear-gradient(left top, #FEFEF2 49%, #D4D48A 89%);
  background-image: -ms-linear-gradient(left top, #FEFEF2 49%, #D4D48A 89%);

  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.49, #FEFEF2),
    color-stop(0.89, #D4D48A)
  );
}

#footerNav {
  margin-bottom: 10px;
}

#footerNav ul {
  margin: 0;
  padding: 0;
}

#footerNav ul li, #footerText {
  display:inline;
}

#footerText {
  font-size: 12px;
}

#footerNav ul li a {
  display: inline;
  color:#C00;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #666;
}

#footerNav ul li a:hover {
  text-decoration: underline;
}

#footerLinks {

  text-align: left;
}

#footerLinks ul {
  list-style: none;
  border-top: 1px dotted #CFCFCF;
  margin: 0 0 20px 0;
}

#footerLinks li {
  border-bottom: 1px dotted #CFCFCF;
  margin-left: 5px;
}

#footerLinks h1 {
  font-size: 14px;
  color: #000;
  padding-bottom: 5px;
}

#footerLinks ul li a {
  color: #004276;
  text-decoration: none;
  font-size: 12px;
}

#footerLinks ul li a:hover {
  text-decoration: underline;
}

#footerLinks ul.navBlock {
 /* width: 150px;*/
}

div.footerSection {
 /* display: inline-block; */
  vertical-align: top;
 /* margin-right: 20px;*/
}

#rightFooterImage {
  position: absolute;
  right: 100px;
  top : 85px;
}

#footer h1{
 line-height: 5px;
}

/*Pagination*/
table.pagination {
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: center;
  font-size: .8em;
}

table.pagination td{
  border:0px;
}

/* Special Styles */
#facebook_twitter {
 /* position :absolute;
  right : 10px;
  top: 10px;*/
}
.contact, .contact:visited {
  padding-left: 5px;
  padding-right: 5px;
  color: #888;
  font-weight: bold;
}

#contactInfo {
  color:#888;
  font-weight: bold;
  margin-top:10px;
}

.center {
  text-align: center;
}

.inline {
  display:inline;
}

img.right {
 float: right;
 margin:10px;
}

img.left {
 float: left;
 margin:10px;
}

img.rightOnly {
 float: right;
 margin-right: 5px;
}

.left {
  float:left;
}

.bold {
  font-weight: bold;
}

.info {
  color:#276683;
  font-weight: bold;
}

.message {
  color: #f00;
}

.contactMethod {
  color:#DCC040;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
  font-size: 1.3em;
}
/* Ads */
.ad_logo {
  width: 190px;
  height: 160px;
  margin: 5px 5px 30px 5px;
  border: 1px solid #DCC041;
  display:inline-block;
}

#adTextSection img {
  border: 2px solid #DCC041;
}

.ad_logo:hover {
    -moz-box-shadow: 4px 4px 4px #888;
  -webkit-box-shadow: 4px 4px 4px #888;
  box-shadow: 4px 4px 4px #888;
}

.ad_logo_text {
  /*display: block;
  text-align: center;*/
  text-shadow: 1px 1px 1px #DCC041;
  /*font-size: 14px;*/
}

#adContainer {
 /* position:relative;*/
}

#adTextSection {
  /*width:325px;
  float : right;*/
  padding: 3px;
}

.ad_description, .ad_photo_text {
  /*font-size: .8em;*/
  color:#888;
  padding-top:10px;
}


.ad_photo_text_title {
  padding-top:10px;
  color: #DCC040;
  font-size: 1.4em;
  font-family: "great_vibesregular", "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-shadow: 1px 1px 1px #000;
}

.ad_title {
  font-weight: bold;
  font-style: italic;
  color: #DCC040;
  text-shadow: 1px 1px 1px #000;
  padding-top:10px;
  font-size: 1.8em;
}


.ad_link {
  font-size: 0.9em;
}

#adPhotoTextSection{
 /* float:right;*/
}

.ad_photo_text_title p {
 font-size: 1.8em;
 margin: 0px;
 padding: 0px;
}

#adPhotoContainer {
  /*float: left;
  width:350px;
  min-height: 500px;*/
}

.ad_photo {
  margin: 5px;
  display:inline-block;
}

.ad_photo img {
  border: 3px solid #DCC041;
}

.ad_photo img:hover {
  border: 3px solid #ba5348;
}


#socialNetworkingLinks img {
  border:1px solid #fff;;
}

#socialNetworkingLinks img.social:hover {
  border:1px dashed #888;
}

/* Coupons */
.company_coupons {
  margin-top: 35px;
}

.company_coupons ul {
  padding-left: 10px;
  list-style-type: square;
  font-size: 14px;
}

#couponContainer {
    border: 3px dashed black;
    overflow:auto;
    padding: 10px;
    width: 700px;
    margin:  0 auto;
    position: relative;
}

#couponContainer hr {
  clear:both;
  border-top: 2px dashed #ccc;
}

#couponCompany {
    font-size: 35px;

    font-style: italic;
}

#couponValidPeriod {
    float: right;
}


#couponText {
    display: block;
    font-style: italic;
}

#couponDates {
    font-weight: bold;

}

#couponCompanyLogo {
  float:left;
}

#couponCompanyLogo img, #couponSponsor img {
    border:  1px dotted #ccc;
    padding: 2px;
}

#couponTitle {
  font-size: 30px;
  text-align:right;
  color:#2b5b71;
  text-shadow:2px 2px 2px #ccc;
  clear:both;
}

#couponSponsor {
  float:right;
}

#couponSponsorDetails {
    position: absolute;
    left: 5px;
    bottom: 5px;
    font-weight: bold;
    color: #888;
    font-size: 12px;
}

#couponCompanyDetails{
  float:right;
  clear: both;
  margin-right: 50px;
  margin-top: 10px;
  color: rgb(102, 141, 110);
  font-weight: bold;
  font-style: italic;
  font-size: 13px;
}

#printCouponButton{
  margin-top:20px;
  text-align: center;
}

@media print {
  #printCouponButton {display:none;}
}

.couponDateRange {
  font-style: italic;
  font-size: 10px;
}
/* Other Misc */
#aboutUs {
  margin-top: 15px;
}

#tourismNav {
  display: block;
  width: 350px;
}

#tourismNav ul {
  list-style-type: square;
  border: 1px dashed #333;
  list-style-position: inside;
  padding: 10px;
}

#tourismNav ul a {
  color: #f00;
}

#tourismNav ul a:hover {
  text-decoration: none;
  color: #276683;
}

.article h1 {
  font-size: 18px;
  text-shadow:none;
  color: #276683;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.article {
  border-bottom: 1px dashed #333;
  position: relative;
  overflow: auto;
}

.articleTimestamp {
  clear:both;
  float: right;
  font-size: 0.75em;
  padding-top: 5px;
  color: #888;
  font-weight: bold;

}

#legalContent h1 {
  font-size : 18px;
  color:#276683;
  text-shadow:none;
  border-bottom: 1px dashed #2d6324;
}

#legalNav ul {
  list-style: none;
  margin: 0 auto;
}

#legalNav ul li {
  display:inline;
  margin-right:5px;
  border-right: 1px solid #ccc;
  padding-right: 5px;
  font-size: 14px;
}

#legalNav ul li a, #legalNav ul li a:visited {
  color:#2d6324;
}

#legalNav ul li a:hover {
  color:#f00;
  text-decoration: none;
}

/* Welcome to Trinidad and Tobago */
#welcomeToTrinidadAndTobago { position: fixed; top:150px; right: 0px; z-index:1000; background-color:#256781; }
#welcomeToTrinidadAndTobago a { width:35px; height:329px; background: url(../img/welcomeToTAndT2.png) top left no-repeat; display:block; text-indent:-999em; border:solid 3px #F8F8F8; border-right: none; box-shadow:0 0 3px 1px #888; }
#welcomeToTrinidadAndTobago a:hover { padding-right: 3px; }

/* Layout for rotating Ads */
#contentBody {
  position: relative;
}

#adSection { /*
  width:310px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #615E10;
  background-color: #F9FFD9; */
}

#ad1, #ad2 {
  width: 300px;
  margin : 0 auto;
  margin-bottom: 15px;
  margin-top: 10px;
}

.rotatingAdPhoto, .rotatingAdText {
  display:block;
}

.rotatingAdPhoto img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.rotatingAdText {
  font-size: 11px;
  color: #888;
}

.rotatingAd {
  position : relative;
}

#tableNav {
  z-index: 100;
}

/* Summary Section on Home Page */
#siteSummaryContent {
  /*clear : both;
  overflow: auto;*/
 /* padding: 3px;*/
}

div.summarySection {

  font-size: 14px;
  /**/padding: 3px;


  background-image: linear-gradient(top, #F7F7F7 10%, #FFFFFF 53%);
  background-image: -o-linear-gradient(top, #F7F7F7 10%, #FFFFFF 53%);
  background-image: -moz-linear-gradient(top, #F7F7F7 10%, #FFFFFF 53%);
  background-image: -webkit-linear-gradient(top, #F7F7F7 10%, #FFFFFF 53%);
  background-image: -ms-linear-gradient(top, #F7F7F7 10%, #FFFFFF 53%);

  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.1, #F7F7F7),
    color-stop(0.53, #FFFFFF)
  );


   border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

  /*border: 1px solid #dedec2;*/
}

div.summarySection h1 {
  font-family: franklin-gothic-urw-cond,"Helvetica Condensed Bold",Helvetica,Arial,sans-serif;
  font-size: 14px;
  text-shadow: none;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  color:#276683;
  border-bottom: 1px ridge #ccc;
  line-height: 20px;
  padding-bottom: 3px;
}

div.summarySection a:hover{
  color: #f00;
}

.hide {
  display:none;
}

.clear {
  clear: both;
}

p.ad_logo_text {
  text-align: center;
}

.textLeft {
  text-align: left;
}

.thumbnail:hover {
  border: 1px solid #9E2424;
}

#mobileHomePageImage {
  display:none;
  margin-bottom: 5px;
}

.featuredPhotographers, .featuredVideographers {
  font-weight: bold;
  margin-top: 45px;
}

.errors {
  color:#F00;
  font-weight: bold;
}

.errors h3 {
  font-size: 1.2em;
}

@media (max-width: 720px) {
  #welcomeToTrinidadAndTobago, #homeSlideshow, h1.footerHeader, #tableNav {display:none;}
  .ad_photo_text_title {font-size: 1em;}
  [role=main] h1 {font-size:25px;}
  /* Header */
  #header-quote-text {font-size:1.2em;}
  /* Footer */
  img.affiliate {
    width:40%;
    height: auto;
  }
  #mobileHomePageImage {
    display:block;
  }
}
